
<!DOCTYPE html>
<html>
<head>
    <title>Light Blue - Admin Template</title>
    <link href="css/application.min.css" rel="stylesheet">
    <link rel="shortcut icon" href="img/favicon.png">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta charset="utf-8">
</head>
<body class="background-dark">
<div class="logo">
    <h4><a href="index.html">Light <strong>Blue</strong></a></h4>
</div>
<nav id="sidebar" class="sidebar nav-collapse collapse">
    <ul id="side-nav" class="side-nav">
        <li >
            <a href="index.html"><i class="fa fa-home"></i> <span class="name">Dashboard</span></a>
        </li>
        <li class="panel">
            <a class="accordion-toggle collapsed" data-toggle="collapse"
               data-parent="#side-nav" href="#forms-collapse"><i class="fa fa-edit"></i> <span class="name">Forms</span></a>
            <ul id="forms-collapse" class="panel-collapse collapse">
                <li><a href="form_account.html">Account</a></li>
                <li><a href="form_article.html">Article</a></li>
                <li><a href="form_elements.html">Elements</a></li>
                <li><a href="form_validation.html">Validation</a></li>
                <li><a href="form_wizard.html">Wizard</a></li>
            </ul>
        </li>
        <li class="panel">
            <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#side-nav" href="#stats-collapse"><i class="fa fa-bar-chart-o"></i> <span class="name">Statistics</span></a>
            <ul id="stats-collapse" class="panel-collapse collapse">
                <li><a href="stat_statistics.html">Stats</a></li>
                <li><a href="stat_charts.html">Charts</a></li>
                <li><a href="stat_realtime.html">Realtime</a></li>
            </ul>
        </li>
        <li class="active panel">
            <a class="accordion-toggle" data-toggle="collapse"
               data-parent="#side-nav" href="#ui-collapse"><i class="fa fa-magic"></i> <span class="name">User Interface</span></a>
            <ul id="ui-collapse" class="panel-collapse in">
                <li><a href="ui_buttons.html">Buttons</a></li>
                <li><a href="ui_dialogs.html">Dialogs</a></li>
                <li class="active"><a href="ui_icons.html">Icons</a></li>
                <li><a href="ui_tabs.html">Tabs</a></li>
                <li><a href="ui_accordion.html">Accordion</a></li>
            </ul>
        </li>
        <li class="panel">
            <a class="accordion-toggle collapsed" data-toggle="collapse"
               data-parent="#side-nav" href="#components-collapse"><i class="fa fa-bookmark-o"></i> <span class="name">Components</span></a>
            <ul id="components-collapse" class="panel-collapse collapse">
                <li><a href="component_calendar.html">Calendar</a></li>
                <li><a href="component_maps.html">Maps</a></li>
                <li><a href="component_gallery.html">Gallery</a></li>
                <li><a href="component_fileupload.html">Fileupload</a></li>
                <li><a href="component_bootstrap.html">Bootstrap &nbsp; <span class="label label-important">new</span></a></li>
                <li><a href="component_list_groups.html">List Groups &nbsp; <span class="label label-important">new</span></a></li>
            </ul>
        </li>
        <li class="panel">
            <a class="accordion-toggle collapsed" data-toggle="collapse"
               data-parent="#side-nav" href="#tables-collapse"><i class="fa fa-table"></i> <span class="name">Tables</span></a>
            <ul id="tables-collapse" class="panel-collapse collapse">
                <li><a href="tables_static.html">Static</a></li>
                <li><a href="tables_dynamic.html">Dynamic</a></li>
            </ul>
        </li>
        <li >
            <a class="accordion-toggle collapsed" data-toggle="collapse"
               data-parent="#side-nav" href="#grid-collapse"><i class="fa fa-bars"></i> <span class="name">Grid</span></a>
            <ul id="grid-collapse" class="panel-collapse collapse">
                <li><a href="grid.html">Basic</a></li>
                <li><a href="grid_live.html">Live &nbsp; <span class="label label-important">new</span></a></li>
            </ul>
        </li>
        <li class="panel">
            <a class="accordion-toggle collapsed" data-toggle="collapse"
               data-parent="#side-nav" href="#special-collapse"><i class="fa fa-asterisk"></i> <span class="name">Special</span></a>
            <ul id="special-collapse" class="panel-collapse collapse">
                <li><a href="special_search.html">Search</a></li>
                <li><a href="special_invoice.html">Invoice</a></li>
                <li><a href="special_inbox.html">Inbox <span class="label label-important">3</span></a></li>
                <li><a href="login.html">Login</a></li>
                <li><a href="special_404.html">404</a></li>
                <li><a href="landing.html">Landing</a></li>
                <li><a href="white/index.html">White <i class="fa fa-external-link-square"></i></a></li>
            </ul>
        </li>
        <li class="visible-xs">
            <a href="login.html"><i class="fa fa-sign-out"></i> <span class="name">Sign Out</span></a>
        </li>
    </ul>
    <div id="sidebar-settings" class="settings">
        <button type="button"
                data-value="icons"
                class="btn-icons btn btn-transparent btn-sm">Icons</button>
        <button type="button"
                data-value="auto"
                class="btn-auto btn btn-transparent btn-sm">Auto</button>
    </div>
</nav>
<div class="wrap">
    <header class="page-header">
        <div class="navbar">
                <ul class="nav navbar-nav navbar-right pull-right">
                    <li class="visible-phone-landscape">
                        <a href="#" id="search-toggle">
                            <i class="fa fa-search"></i>
                        </a>
                    </li>
                    <li class="dropdown">
                        <a href="#" title="Messages" id="messages"
                           class="dropdown-toggle"
                           data-toggle="dropdown">
                            <i class="fa fa-comments"></i>
                        </a>
                        <ul id="messages-menu" class="dropdown-menu messages" role="menu">
                            <li role="presentation">
                                <a href="#" class="message">
                                    <img src="img/1.jpg" alt="">
                                    <div class="details">
                                        <div class="sender">Jane Hew</div>
                                        <div class="text">
                                            Hey, John! How is it going? ...
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li role="presentation">
                                <a href="#" class="message">
                                    <img src="img/2.jpg" alt="">
                                    <div class="details">
                                        <div class="sender">Alies Rumiancaŭ</div>
                                        <div class="text">
                                            I'll definitely buy this template
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li role="presentation">
                                <a href="#" class="message">
                                    <img src="img/3.jpg" alt="">
                                    <div class="details">
                                        <div class="sender">Michał Rumiancaŭ</div>
                                        <div class="text">
                                            Is it really Lore ipsum? Lore ...
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li role="presentation">
                                <a href="#" class="text-align-center see-all">
                                    See all messages <i class="fa fa-arrow-right"></i>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" title="8 support tickets"
                           class="dropdown-toggle"
                           data-toggle="dropdown">
                            <i class="fa fa-group"></i>
                            <span class="count">8</span>
                        </a>
                        <ul id="support-menu" class="dropdown-menu support" role="menu">
                            <li role="presentation">
                                <a href="#" class="support-ticket">
                                    <div class="picture">
                                        <span class="label label-important"><i class="fa fa-bell-o"></i></span>
                                    </div>
                                    <div class="details">
                                        Check out this awesome ticket
                                    </div>
                                </a>
                            </li>
                            <li role="presentation">
                                <a href="#" class="support-ticket">
                                    <div class="picture">
                                        <span class="label label-warning"><i class="fa fa-question-circle"></i></span>
                                    </div>
                                    <div class="details">
                                        "What is the best way to get ...
                                    </div>
                                </a>
                            </li>
                            <li role="presentation">
                                <a href="#" class="support-ticket">
                                    <div class="picture">
                                        <span class="label label-success"><i class="fa fa-tag"></i></span>
                                    </div>
                                    <div class="details">
                                        This is just a simple notification
                                    </div>
                                </a>
                            </li>
                            <li role="presentation">
                                <a href="#" class="support-ticket">
                                    <div class="picture">
                                        <span class="label label-info"><i class="fa fa-info-circle"></i></span>
                                    </div>
                                    <div class="details">
                                        12 new orders has arrived today
                                    </div>
                                </a>
                            </li>
                            <li role="presentation">
                                <a href="#" class="support-ticket">
                                    <div class="picture">
                                        <span class="label label-important"><i class="fa fa-plus"></i></span>
                                    </div>
                                    <div class="details">
                                        One more thing that just happened
                                    </div>
                                </a>
                            </li>
                            <li role="presentation">
                                <a href="#" class="text-align-center see-all">
                                    See all tickets <i class="fa fa-arrow-right"></i>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="divider"></li>
                    <li class="hidden-xs">
                        <a href="#" id="settings"
                           title="Settings"
                           data-toggle="popover"
                           data-placement="bottom">
                            <i class="fa fa-cog"></i>
                        </a>
                    </li>
                    <li class="hidden-xs dropdown">
                        <a href="#" title="Account" id="account"
                           class="dropdown-toggle"
                           data-toggle="dropdown">
                            <i class="fa fa-user"></i>
                        </a>
                        <ul id="account-menu" class="dropdown-menu account" role="menu">
                            <li role="presentation" class="account-picture">
                                <img src="img/2.jpg" alt="">
                                Philip Daineka
                            </li>
                            <li role="presentation">
                                <a href="form_account.html" class="link">
                                    <i class="fa fa-user"></i>
                                    Profile
                                </a>
                            </li>
                            <li role="presentation">
                                <a href="component_calendar.html" class="link">
                                    <i class="fa fa-calendar"></i>
                                    Calendar
                                </a>
                            </li>
                            <li role="presentation">
                                <a href="#" class="link">
                                    <i class="fa fa-inbox"></i>
                                    Inbox
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="visible-xs">
                        <a href="#"
                           class="btn-navbar"
                           data-toggle="collapse"
                           data-target=".sidebar"
                           title="">
                            <i class="fa fa-bars"></i>
                        </a>
                    </li>
                    <li class="hidden-xs"><a href="login.html"><i class="fa fa-sign-out"></i></a></li>
                </ul>
                <form id="search-form" class="navbar-form pull-right" role="search">
                    <input type="search" class="search-query" placeholder="Search...">
                </form>
        </div>
    </header>
    <div class="content container">
        <div class="row">
            <div class="col-md-12">
                <h2 class="page-title">Icons <small>Large set of built-in icons</small></h2>
            </div>
        </div>
        <div class="row">
            <div class="col-md-10 col-md-offset-1">
                <section class="widget">
                    <header>
                        <h4>
                            <i class="fa fa-thumbs-up"></i>
                            Font Awesome pictographic font
                        </h4>
                    </header>
                    <div class="body icons">
                        <p>The complete set of 369 icons in Font Awesome 4.0.3. Add <code>.fa .fa-*</code> class to <code>&lt;i&gt;</code> to display icon.
                        Provided by <a href="http://fortawesome.github.com/Font-Awesome/">Font Awesome</a>.</p>
                        <section id="icons-web-app">
                            <div class="row">
                                <div class="col-md-12">
                                    <h2 class="page-header">Web Application Icons</h2>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-3">
                                    <ul class="the-icons">
                                        <li><i class="fa fa-cloud-download"></i> fa-cloud-download</li>
                                        <li><i class="fa fa-cloud-upload"></i> fa-cloud-upload</li>
                                        <li><i class="fa fa-lightbulb"></i> fa-lightbulb</li>
                                        <li><i class="fa fa-exchange"></i> fa-exchange</li>
                                        <li><i class="fa fa-bell-o"></i> fa-bell-alt</li>
                                        <li><i class="fa fa-file-alt"></i> fa-file-alt</li>
                                        <li><i class="fa fa-beer"></i> fa-beer</li>
                                        <li><i class="fa fa-coffee"></i> fa-coffee</li>
                                        <li><i class="fa fa-food"></i> fa-food</li>
                                        <li><i class="fa fa-fighter-jet"></i> fa-fighter-jet</li>
                                        <li><i class="fa fa-adjust"></i> fa-adjust</li>
                                        <li><i class="fa fa-asterisk"></i> fa-asterisk</li>
                                        <li><i class="fa fa-ban"></i> fa-ban-circle</li>
                                        <li><i class="fa fa-bar-chart-o"></i> fa-bar-chart</li>
                                        <li><i class="fa fa-barcode"></i> fa-barcode</li>
                                        <li><i class="fa fa-beaker"></i> fa-beaker</li>
                                        <li><i class="fa fa-beer"></i> fa-beer</li>
                                        <li><i class="fa fa-bell"></i> fa-bell</li>
                                        <li><i class="fa fa-bell-o"></i> fa-bell-alt</li>
                                        <li><i class="fa fa-bolt"></i> fa-bolt</li>
                                        <li><i class="fa fa-book"></i> fa-book</li>
                                        <li><i class="fa fa-bookmark"></i> fa-bookmark</li>
                                        <li><i class="fa fa-bookmark-o"></i> fa-bookmark-empty</li>
                                        <li><i class="fa fa-briefcase"></i> fa-briefcase</li>
                                        <li><i class="fa fa-bullhorn"></i> fa-bullhorn</li>
                                        <li><i class="fa fa-calendar"></i> fa-calendar</li>
                                        <li><i class="fa fa-camera"></i> fa-camera</li>
                                        <li><i class="fa fa-camera-retro"></i> fa-camera-retro</li>
                                        <li><i class="fa fa-certificate"></i> fa-certificate</li>
                                        <li><i class="fa fa-check"></i> fa-check</li>
                                        <li><i class="fa fa-check-empty"></i> fa-check-empty</li>
                                        <li><i class="fa fa-circle"></i> fa-circle</li>
                                        <li><i class="fa fa-circle-blank"></i> fa-circle-blank</li>
                                        <li><i class="fa fa-cloud"></i> fa-cloud</li>
                                        <li><i class="fa fa-cloud-download"></i> fa-cloud-download</li>
                                        <li><i class="fa fa-cloud-upload"></i> fa-cloud-upload</li>
                                        <li><i class="fa fa-coffee"></i> fa-coffee</li>
                                        <li><i class="fa fa-cog"></i> fa-cog</li>
                                        <li><i class="fa fa-cogs"></i> fa-cogs</li>
                                        <li><i class="fa fa-comment"></i> fa-comment</li>
                                        <li><i class="fa fa-comment-alt"></i> fa-comment-alt</li>
                                        <li><i class="fa fa-comments"></i> fa-comments</li>
                                        <li><i class="fa fa-comments-alt"></i> fa-comments-alt</li>
                                        <li><i class="fa fa-credit-card"></i> fa-credit-card</li>
                                        <li><i class="fa fa-dashboard"></i> fa-dashboard</li>
                                        <li><i class="fa fa-desktop"></i> fa-desktop</li>
                                        <li><i class="fa fa-download"></i> fa-download</li>
                                        <li><i class="fa fa-download-alt"></i> fa-download-alt</li>
                                    </ul>
                                </div>
                                <div class="col-md-3">
                                    <ul class="the-icons">
                                        <li><i class="fa fa-user-md"></i> fa-user-md</li>
                                        <li><i class="fa fa-stethoscope"></i> fa-stethoscope</li>
                                        <li><i class="fa fa-suitcase"></i> fa-suitcase</li>
                                        <li><i class="fa fa-building"></i> fa-building</li>
                                        <li><i class="fa fa-hospital"></i> fa-hospital</li>
                                        <li><i class="fa fa-ambulance"></i> fa-ambulance</li>
                                        <li><i class="fa fa-medkit"></i> fa-medkit</li>
                                        <li><i class="fa fa-h-sign"></i> fa-h-sign</li>
                                        <li><i class="fa fa-plus-square"></i> fa-plus-sign-alt</li>
                                        <li><i class="fa fa-spinner"></i> fa-spinner</li>
                                        <li><i class="fa fa-edit"></i> fa-edit</li>
                                        <li><i class="fa fa-envelope"></i> fa-envelope</li>
                                        <li><i class="fa fa-envelope-o"></i> fa-envelope-alt</li>
                                        <li><i class="fa fa-exchange"></i> fa-exchange</li>
                                        <li><i class="fa fa-exclamation-sign"></i> fa-exclamation-sign</li>
                                        <li><i class="fa fa-external-link"></i> fa-external-link</li>
                                        <li><i class="fa fa-eye-close"></i> fa-eye-close</li>
                                        <li><i class="fa fa-eye"></i> fa-eye-open</li>
                                        <li><i class="fa fa-facetime-video"></i> fa-facetime-video</li>
                                        <li><i class="fa fa-fighter-jet"></i> fa-fighter-jet</li>
                                        <li><i class="fa fa-film"></i> fa-film</li>
                                        <li><i class="fa fa-filter"></i> fa-filter</li>
                                        <li><i class="fa fa-fire"></i> fa-fire</li>
                                        <li><i class="fa fa-flag"></i> fa-flag</li>
                                        <li><i class="fa fa-folder-close"></i> fa-folder-close</li>
                                        <li><i class="fa fa-folder-open"></i> fa-folder-open</li>
                                        <li><i class="fa fa-folder-close-alt"></i> fa-folder-close-alt</li>
                                        <li><i class="fa fa-folder-open-alt"></i> fa-folder-open-alt</li>
                                        <li><i class="fa fa-food"></i> fa-food</li>
                                        <li><i class="fa fa-gift"></i> fa-gift</li>
                                        <li><i class="fa fa-glass"></i> fa-glass</li>
                                        <li><i class="fa fa-globe"></i> fa-globe</li>
                                        <li><i class="fa fa-group"></i> fa-group</li>
                                        <li><i class="fa fa-hdd"></i> fa-hdd</li>
                                        <li><i class="fa fa-headphones"></i> fa-headphones</li>
                                        <li><i class="fa fa-heart"></i> fa-heart</li>
                                        <li><i class="fa fa-heart-empty"></i> fa-heart-empty</li>
                                        <li><i class="fa fa-home"></i> fa-home</li>
                                        <li><i class="fa fa-inbox"></i> fa-inbox</li>
                                        <li><i class="fa fa-info-circle"></i> fa-info-sign</li>
                                        <li><i class="fa fa-key"></i> fa-key</li>
                                        <li><i class="fa fa-leaf"></i> fa-leaf</li>
                                        <li><i class="fa fa-laptop"></i> fa-laptop</li>
                                        <li><i class="fa fa-legal"></i> fa-legal</li>
                                        <li><i class="fa fa-lemon"></i> fa-lemon</li>
                                        <li><i class="fa fa-lightbulb"></i> fa-lightbulb</li>
                                        <li><i class="fa fa-lock"></i> fa-lock</li>
                                        <li><i class="fa fa-unlock"></i> fa-unlock</li>
                                    </ul>
                                </div>
                                <div class="col-md-3">
                                    <ul class="the-icons">
                                        <li><i class="fa fa-angle-left"></i> fa-angle-left</li>
                                        <li><i class="fa fa-angle-right"></i> fa-angle-right</li>
                                        <li><i class="fa fa-angle-up"></i> fa-angle-up</li>
                                        <li><i class="fa fa-angle-down"></i> fa-angle-down</li>
                                        <li><i class="fa fa-double-angle-left"></i> fa-double-angle-left</li>
                                        <li><i class="fa fa-double-angle-right"></i> fa-double-angle-right</li>
                                        <li><i class="fa fa-double-angle-up"></i> fa-double-angle-up</li>
                                        <li><i class="fa fa-double-angle-down"></i> fa-double-angle-down</li>
                                        <li><i class="fa fa-circle-blank"></i> fa-circle-blank</li>
                                        <li><i class="fa fa-circle"></i> fa-circle</li>
                                        <li><i class="fa fa-magic"></i> fa-magic</li>
                                        <li><i class="fa fa-magnet"></i> fa-magnet</li>
                                        <li><i class="fa fa-map-marker"></i> fa-map-marker</li>
                                        <li><i class="fa fa-minus"></i> fa-minus</li>
                                        <li><i class="fa fa-minus-sign"></i> fa-minus-sign</li>
                                        <li><i class="fa fa-mobile-phone"></i> fa-mobile-phone</li>
                                        <li><i class="fa fa-money"></i> fa-money</li>
                                        <li><i class="fa fa-move"></i> fa-move</li>
                                        <li><i class="fa fa-music"></i> fa-music</li>
                                        <li><i class="fa fa-power-off"></i> fa-off</li>
                                        <li><i class="fa fa-check"></i> fa-ok</li>
                                        <li><i class="fa fa-check-circle"></i> fa-ok-circle</li>
                                        <li><i class="fa fa-check-square-o"></i> fa-ok-sign</li>
                                        <li><i class="fa fa-pencil"></i> fa-pencil</li>
                                        <li><i class="fa fa-picture-o"></i> fa-picture</li>
                                        <li><i class="fa fa-plane"></i> fa-plane</li>
                                        <li><i class="fa fa-plus"></i> fa-plus</li>
                                        <li><i class="fa fa-plus-sign"></i> fa-plus-sign</li>
                                        <li><i class="fa fa-print"></i> fa-print</li>
                                        <li><i class="fa fa-pushpin"></i> fa-pushpin</li>
                                        <li><i class="fa fa-qrcode"></i> fa-qrcode</li>
                                        <li><i class="fa fa-question-circle"></i> fa-question-sign</li>
                                        <li><i class="fa fa-quote-left"></i> fa-quote-left</li>
                                        <li><i class="fa fa-quote-right"></i> fa-quote-right</li>
                                        <li><i class="fa fa-random"></i> fa-random</li>
                                        <li><i class="fa fa-refresh"></i> fa-refresh</li>
                                        <li><i class="fa fa-remove"></i> fa-remove</li>
                                        <li><i class="fa fa-remove-circle"></i> fa-remove-circle</li>
                                        <li><i class="fa fa-remove-sign"></i> fa-remove-sign</li>
                                        <li><i class="fa fa-bars"></i> fa-reorder</li>
                                        <li><i class="fa fa-reply"></i> fa-reply</li>
                                        <li><i class="fa fa-resize-horizontal"></i> fa-resize-horizontal</li>
                                        <li><i class="fa fa-resize-vertical"></i> fa-resize-vertical</li>
                                        <li><i class="fa fa-retweet"></i> fa-retweet</li>
                                        <li><i class="fa fa-road"></i> fa-road</li>
                                        <li><i class="fa fa-rss"></i> fa-rss</li>
                                        <li><i class="fa fa-screenshot"></i> fa-screenshot</li>
                                        <li><i class="fa fa-search"></i> fa-search</li>
                                    </ul>
                                </div>
                                <div class="col-md-3">
                                    <ul class="the-icons">
                                        <li><i class="fa fa-desktop"></i> fa-desktop</li>
                                        <li><i class="fa fa-laptop"></i> fa-laptop</li>
                                        <li><i class="fa fa-tablet"></i> fa-tablet</li>
                                        <li><i class="fa fa-mobile-phone"></i> fa-mobile-phone</li>
                                        <li><i class="fa fa-quote-left"></i> fa-quote-left</li>
                                        <li><i class="fa fa-quote-right"></i> fa-quote-right</li>
                                        <li><i class="fa fa-reply"></i> fa-reply</li>
                                        <li><i class="fa fa-github-alt"></i> fa-github-alt</li>
                                        <li><i class="fa fa-folder-close-alt"></i> fa-folder-close-alt</li>
                                        <li><i class="fa fa-folder-open-alt"></i> fa-folder-open-alt</li>
                                        <li><i class="fa fa-share"></i> fa-share</li>
                                        <li><i class="fa fa-share-alt"></i> fa-share-alt</li>
                                        <li><i class="fa fa-shopping-cart"></i> fa-shopping-cart</li>
                                        <li><i class="fa fa-signal"></i> fa-signal</li>
                                        <li><i class="fa fa-signin"></i> fa-signin</li>
                                        <li><i class="fa fa-sign-out"></i> fa-signout</li>
                                        <li><i class="fa fa-sitemap"></i> fa-sitemap</li>
                                        <li><i class="fa fa-sort"></i> fa-sort</li>
                                        <li><i class="fa fa-sort-down"></i> fa-sort-down</li>
                                        <li><i class="fa fa-sort-up"></i> fa-sort-up</li>
                                        <li><i class="fa fa-spinner"></i> fa-spinner</li>
                                        <li><i class="fa fa-star"></i> fa-star</li>
                                        <li><i class="fa fa-star-o"></i> fa-star-o</li>
                                        <li><i class="fa fa-star-half"></i> fa-star-half</li>
                                        <li><i class="fa fa-tablet"></i> fa-tablet</li>
                                        <li><i class="fa fa-tag"></i> fa-tag</li>
                                        <li><i class="fa fa-tags"></i> fa-tags</li>
                                        <li><i class="fa fa-tasks"></i> fa-tasks</li>
                                        <li><i class="fa fa-thumbs-down"></i> fa-thumbs-down</li>
                                        <li><i class="fa fa-thumbs-up"></i> fa-thumbs-up</li>
                                        <li><i class="fa fa-time"></i> fa-time</li>
                                        <li><i class="fa fa-tint"></i> fa-tint</li>
                                        <li><i class="fa fa-trash"></i> fa-trash</li>
                                        <li><i class="fa fa-trophy"></i> fa-trophy</li>
                                        <li><i class="fa fa-truck"></i> fa-truck</li>
                                        <li><i class="fa fa-umbrella"></i> fa-umbrella</li>
                                        <li><i class="fa fa-upload"></i> fa-upload</li>
                                        <li><i class="fa fa-upload-alt"></i> fa-upload-alt</li>
                                        <li><i class="fa fa-user"></i> fa-user</li>
                                        <li><i class="fa fa-user-md"></i> fa-user-md</li>
                                        <li><i class="fa fa-volume-off"></i> fa-volume-off</li>
                                        <li><i class="fa fa-volume-down"></i> fa-volume-down</li>
                                        <li><i class="fa fa-volume-up"></i> fa-volume-up</li>
                                        <li><i class="fa fa-warning-sign"></i> fa-warning-sign</li>
                                        <li><i class="fa fa-wrench"></i> fa-wrench</li>
                                        <li><i class="fa fa-search-plus"></i> fa-zoom-in</li>
                                        <li><i class="fa fa-zoom-out"></i> fa-zoom-out</li>
                                    </ul>
                                </div>
                            </div>
                        </section>

                        <section id="icons-text-editor">
                            <div class="row">
                                <div class="col-md-12">
                                    <h2 class="page-header">Text Editor Icons</h2>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-3">
                                    <ul class="the-icons">
                                        <li><i class="fa fa-file"></i> fa-file</li>
                                        <li><i class="fa fa-file-alt"></i> fa-file-alt</li>
                                        <li><i class="fa fa-cut"></i> fa-cut</li>
                                        <li><i class="fa fa-copy"></i> fa-copy</li>
                                        <li><i class="fa fa-paste"></i> fa-paste</li>
                                        <li><i class="fa fa-save"></i> fa-save</li>
                                        <li><i class="fa fa-undo"></i> fa-undo</li>
                                        <li><i class="fa fa-repeat"></i> fa-repeat</li>
                                    </ul>
                                </div>
                                <div class="col-md-3">
                                    <ul class="the-icons">
                                        <li><i class="fa fa-text-height"></i> fa-text-height</li>
                                        <li><i class="fa fa-text-width"></i> fa-text-width</li>
                                        <li><i class="fa fa-align-left"></i> fa-align-left</li>
                                        <li><i class="fa fa-align-center"></i> fa-align-center</li>
                                        <li><i class="fa fa-align-right"></i> fa-align-right</li>
                                        <li><i class="fa fa-align-justify"></i> fa-align-justify</li>
                                        <li><i class="fa fa-indent"></i> fa-indent-left</li>
                                        <li><i class="fa fa-outdent"></i> fa-indent-right</li>
                                    </ul>
                                </div>
                                <div class="col-md-3">
                                    <ul class="the-icons">
                                        <li><i class="fa fa-font"></i> fa-font</li>
                                        <li><i class="fa fa-bold"></i> fa-bold</li>
                                        <li><i class="fa fa-italic"></i> fa-italic</li>
                                        <li><i class="fa fa-strikethrough"></i> fa-strikethrough</li>
                                        <li><i class="fa fa-underline"></i> fa-underline</li>
                                        <li><i class="fa fa-link"></i> fa-link</li>
                                        <li><i class="fa fa-paper-clip"></i> fa-paper-clip</li>
                                        <li><i class="fa fa-columns"></i> fa-columns</li>
                                    </ul>
                                </div>
                                <div class="col-md-3">
                                    <ul class="the-icons">
                                        <li><i class="fa fa-table"></i> fa-table</li>
                                        <li><i class="fa fa-th-large"></i> fa-th-large</li>
                                        <li><i class="fa fa-th"></i> fa-th</li>
                                        <li><i class="fa fa-th-list"></i> fa-th-list</li>
                                        <li><i class="fa fa-list"></i> fa-list</li>
                                        <li><i class="fa fa-list-ol"></i> fa-list-ol</li>
                                        <li><i class="fa fa-list-ul"></i> fa-list-ul</li>
                                        <li><i class="fa fa-list-alt"></i> fa-list-alt</li>
                                    </ul>
                                </div>
                            </div>
                        </section>

                        <section id="icons-directional">
                            <div class="row">
                                <div class="col-md-12">
                                    <h2 class="page-header">Directional Icons</h2>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-3">
                                    <ul class="the-icons">
                                        <li><i class="fa fa-angle-left"></i> fa-angle-left</li>
                                        <li><i class="fa fa-angle-right"></i> fa-angle-right</li>
                                        <li><i class="fa fa-angle-up"></i> fa-angle-up</li>
                                        <li><i class="fa fa-angle-down"></i> fa-angle-down</li>
                                        <li><i class="fa fa-arrow-down"></i> fa-arrow-down</li>
                                        <li><i class="fa fa-arrow-left"></i> fa-arrow-left</li>
                                        <li><i class="fa fa-arrow-right"></i> fa-arrow-right</li>
                                        <li><i class="fa fa-arrow-up"></i> fa-arrow-up</li>
                                    </ul>
                                </div>
                                <div class="col-md-3">
                                    <ul class="the-icons">
                                        <li><i class="fa fa-caret-down"></i> fa fa-caret-down</li>
                                        <li><i class="fa fa-caret-left"></i> fa-caret-left</li>
                                        <li><i class="fa fa-caret-right"></i> fa-caret-right</li>
                                        <li><i class="fa fa-caret-up"></i> fa-caret-up</li>
                                        <li><i class="fa fa-chevron-down"></i> fa-chevron-down</li>
                                        <li><i class="fa fa-chevron-left"></i> fa-chevron-left</li>
                                        <li><i class="fa fa-chevron-right"></i> fa-chevron-right</li>
                                        <li><i class="fa fa-chevron-up"></i> fa-chevron-up</li>
                                    </ul>
                                </div>
                                <div class="col-md-3">
                                    <ul class="the-icons">
                                        <li><i class="fa fa-circle-arrow-down"></i> fa-circle-arrow-down</li>
                                        <li><i class="fa fa-circle-arrow-left"></i> fa-circle-arrow-left</li>
                                        <li><i class="fa fa-arrow-circle-o-right"></i> fa-circle-arrow-right</li>
                                        <li><i class="fa fa-circle-arrow-up"></i> fa-circle-arrow-up</li>
                                        <li><i class="fa fa-double-angle-left"></i> fa-double-angle-left</li>
                                        <li><i class="fa fa-double-angle-right"></i> fa-double-angle-right</li>
                                        <li><i class="fa fa-double-angle-up"></i> fa-double-angle-up</li>
                                        <li><i class="fa fa-double-angle-down"></i> fa-double-angle-down</li>
                                    </ul>
                                </div>
                                <div class="col-md-3">
                                    <ul class="the-icons">
                                        <li><i class="fa fa-hand-down"></i> fa-hand-down</li>
                                        <li><i class="fa fa-hand-left"></i> fa-hand-left</li>
                                        <li><i class="fa fa-hand-right"></i> fa-hand-right</li>
                                        <li><i class="fa fa-hand-o-up"></i> fa-hand-up</li>
                                        <li><i class="fa fa-circle"></i> fa-circle</li>
                                        <li><i class="fa fa-circle-blank"></i> fa-circle-blank</li>
                                    </ul>
                                </div>
                            </div>
                        </section>

                        <section id="icons-video-player">
                            <div class="row">
                                <div class="col-md-12">
                                    <h2 class="page-header">Video Player Icons</h2>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-3">
                                    <ul class="the-icons">
                                        <li><i class="fa fa-play-circle"></i> fa-play-circle</li>
                                        <li><i class="fa fa-play"></i> fa-play</li>
                                        <li><i class="fa fa-pause"></i> fa-pause</li>
                                        <li><i class="fa fa-stop"></i> fa-stop</li>
                                    </ul>
                                </div>
                                <div class="col-md-3">
                                    <ul class="the-icons">
                                        <li><i class="fa fa-step-backward"></i> fa-step-backward</li>
                                        <li><i class="fa fa-fast-backward"></i> fa-fast-backward</li>
                                        <li><i class="fa fa-backward"></i> fa-backward</li>
                                        <li><i class="fa fa-forward"></i> fa-forward</li>
                                    </ul>
                                </div>
                                <div class="col-md-3">
                                    <ul class="the-icons">
                                        <li><i class="fa fa-fast-forward"></i> fa-fast-forward</li>
                                        <li><i class="fa fa-step-forward"></i> fa-step-forward</li>
                                        <li><i class="fa fa-eject"></i> fa-eject</li>
                                    </ul>
                                </div>
                                <div class="col-md-3">
                                    <ul class="the-icons">
                                        <li><i class="fa fa-fullscreen"></i> fa-fullscreen</li>
                                        <li><i class="fa fa-resize-full"></i> fa-resize-full</li>
                                        <li><i class="fa fa-resize-small"></i> fa-resize-small</li>
                                    </ul>
                                </div>
                            </div>
                        </section>

                        <section id="icons-social">
                            <div class="row">
                                <div class="col-md-12">
                                    <h2 class="page-header">Social Icons</h2>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-3">
                                    <ul class="the-icons">
                                        <li><i class="fa fa-phone"></i> fa-phone</li>
                                        <li><i class="fa fa-phone-sign"></i> fa-phone-sign</li>
                                        <li><i class="fa fa-facebook"></i> fa-facebook</li>
                                        <li><i class="fa fa-facebook-square"></i> fa-facebook-square</li>
                                    </ul>
                                </div>
                                <div class="col-md-3">
                                    <ul class="the-icons">
                                        <li><i class="fa fa-twitter"></i> fa-twitter</li>
                                        <li><i class="fa fa-twitter-sign"></i> fa-twitter-sign</li>
                                        <li><i class="fa fa-github"></i> fa-github</li>
                                        <li><i class="fa fa-github-alt"></i> fa-github-alt</li>
                                    </ul>
                                </div>
                                <div class="col-md-3">
                                    <ul class="the-icons">
                                        <li><i class="fa fa-github-sign"></i> fa-github-sign</li>
                                        <li><i class="fa fa-linkedin"></i> fa-linkedin</li>
                                        <li><i class="fa fa-linkedin-sign"></i> fa-linkedin-sign</li>
                                        <li><i class="fa fa-pinterest"></i> fa-pinterest</li>
                                    </ul>
                                </div>
                                <div class="col-md-3">
                                    <ul class="the-icons">
                                        <li><i class="fa fa-pinterest-sign"></i> fa-pinterest-sign</li>
                                        <li><i class="fa fa-google-plus"></i> fa-google-plus</li>
                                        <li><i class="fa fa-google-plus-sign"></i> fa-google-plus-sign</li>
                                        <li><i class="fa fa-sign-blank"></i> fa-sign-blank</li>
                                    </ul>
                                </div>
                            </div>
                        </section>
                    </div>
                </section>
            </div>
        </div>
        <div class="row">
            <div class="col-md-10 col-md-offset-1">
                <section class="widget">
                    <header>
                        <h4>
                            <i class="eicon-attach"></i>
                            The Entypo pictographic font
                        </h4>
                    </header>
                    <div class="body icons">
                        <p>284 icons in pictographic font form. Add <code>.eicon-*</code> class to <code>&lt;i&gt;</code> to display
                            icon.
                            Provided by <a href="http://www.entypo.com/">Entypo</a>.</p>
                        <section>
                        <div class="row">
                            <div class="col-md-12">
                                <h2 class="page-header">Entypo Icons</h2>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-3">
                                <ul class="the-icons unstyled">
                                    <li title="Code: 0x2b"><i class="eicon-plus"></i> <span class="i-name">eicon-plus</span><span class="i-code">0x2b</span></li>
                                    <li title="Code: 0x2d"><i class="eicon-minus"></i> <span class="i-name">eicon-minus</span><span class="i-code">0x2d</span></li>
                                    <li title="Code: 0x2139"><i class="eicon-info"></i> <span class="i-name">eicon-info</span><span class="i-code">0x2139</span></li>
                                    <li title="Code: 0x2190"><i class="eicon-left-thin"></i> <span class="i-name">eicon-left-thin</span><span class="i-code">0x2190</span></li>
                                    <li title="Code: 0x2191"><i class="eicon-up-thin"></i> <span class="i-name">eicon-up-thin</span><span class="i-code">0x2191</span></li>
                                    <li title="Code: 0x2192"><i class="eicon-right-thin"></i> <span class="i-name">eicon-right-thin</span><span class="i-code">0x2192</span></li>
                                    <li title="Code: 0x2193"><i class="eicon-down-thin"></i> <span class="i-name">eicon-down-thin</span><span class="i-code">0x2193</span></li>
                                    <li title="Code: 0x21b0"><i class="eicon-level-up"></i> <span class="i-name">eicon-level-up</span><span class="i-code">0x21b0</span></li>
                                    <li title="Code: 0x21b3"><i class="eicon-level-down"></i> <span class="i-name">eicon-level-down</span><span class="i-code">0x21b3</span></li>
                                    <li title="Code: 0x21c6"><i class="eicon-switch"></i> <span class="i-name">eicon-switch</span><span class="i-code">0x21c6</span></li>
                                    <li title="Code: 0x221e"><i class="eicon-infinity"></i> <span class="i-name">eicon-infinity</span><span class="i-code">0x221e</span></li>
                                    <li title="Code: 0x229e"><i class="eicon-plus-squared"></i> <span class="i-name">eicon-plus-squared</span><span class="i-code">0x229e</span></li>
                                    <li title="Code: 0x229f"><i class="eicon-minus-squared"></i> <span class="i-name">eicon-minus-squared</span><span class="i-code">0x229f</span></li>
                                    <li title="Code: 0x2302"><i class="eicon-home"></i> <span class="i-name">eicon-home</span><span class="i-code">0x2302</span></li>
                                    <li title="Code: 0x2328"><i class="eicon-keyboard"></i> <span class="i-name">eicon-keyboard</span><span class="i-code">0x2328</span></li>
                                    <li title="Code: 0x232b"><i class="eicon-erase"></i> <span class="i-name">eicon-erase</span><span class="i-code">0x232b</span></li>
                                    <li title="Code: 0x2389"><i class="eicon-pause"></i> <span class="i-name">eicon-pause</span><span class="i-code">0x2389</span></li>
                                    <li title="Code: 0x23e9"><i class="eicon-fast-forward"></i> <span class="i-name">eicon-fast-forward</span><span class="i-code">0x23e9</span></li>
                                    <li title="Code: 0x23ea"><i class="eicon-fast-backward"></i> <span class="i-name">eicon-fast-backward</span><span class="i-code">0x23ea</span></li>
                                    <li title="Code: 0x23ed"><i class="eicon-to-end"></i> <span class="i-name">eicon-to-end</span><span class="i-code">0x23ed</span></li>
                                    <li title="Code: 0x23ee"><i class="eicon-to-start"></i> <span class="i-name">eicon-to-start</span><span class="i-code">0x23ee</span></li>
                                    <li title="Code: 0x23f3"><i class="eicon-hourglass"></i> <span class="i-name">eicon-hourglass</span><span class="i-code">0x23f3</span></li>
                                    <li title="Code: 0x25a0"><i class="eicon-stop"></i> <span class="i-name">eicon-stop</span><span class="i-code">0x25a0</span></li>
                                    <li title="Code: 0x25b4"><i class="eicon-up-dir"></i> <span class="i-name">eicon-up-dir</span><span class="i-code">0x25b4</span></li>
                                    <li title="Code: 0x25b6"><i class="eicon-play"></i> <span class="i-name">eicon-play</span><span class="i-code">0x25b6</span></li>
                                    <li title="Code: 0x25b8"><i class="eicon-right-dir"></i> <span class="i-name">eicon-right-dir</span><span class="i-code">0x25b8</span></li>
                                    <li title="Code: 0x25be"><i class="eicon-down-dir"></i> <span class="i-name">eicon-down-dir</span><span class="i-code">0x25be</span></li>
                                    <li title="Code: 0x25c2"><i class="eicon-left-dir"></i> <span class="i-name">eicon-left-dir</span><span class="i-code">0x25c2</span></li>
                                    <li title="Code: 0x25d1"><i class="eicon-adjust"></i> <span class="i-name">eicon-adjust</span><span class="i-code">0x25d1</span></li>
                                    <li title="Code: 0x2601"><i class="eicon-cloud"></i> <span class="i-name">eicon-cloud</span><span class="i-code">0x2601</span></li>
                                    <li title="Code: 0x2605"><i class="eicon-star"></i> <span class="i-name">eicon-star</span><span class="i-code">0x2605</span></li>
                                    <li title="Code: 0x2606"><i class="eicon-star-empty"></i> <span class="i-name">eicon-star-empty</span><span class="i-code">0x2606</span></li>
                                    <li title="Code: 0x2615"><i class="eicon-cup"></i> <span class="i-name">eicon-cup</span><span class="i-code">0x2615</span></li>
                                    <li title="Code: 0x2630"><i class="eicon-menu"></i> <span class="i-name">eicon-menu</span><span class="i-code">0x2630</span></li>
                                    <li title="Code: 0x263d"><i class="eicon-moon"></i> <span class="i-name">eicon-moon</span><span class="i-code">0x263d</span></li>
                                    <li title="Code: 0x2661"><i class="eicon-heart-empty"></i> <span class="i-name">eicon-heart-empty</span><span class="i-code">0x2661</span></li>
                                    <li title="Code: 0x2665"><i class="eicon-heart"></i> <span class="i-name">eicon-heart</span><span class="i-code">0x2665</span></li>
                                    <li title="Code: 0x266a"><i class="eicon-note"></i> <span class="i-name">eicon-note</span><span class="i-code">0x266a</span></li>
                                    <li title="Code: 0x266b"><i class="eicon-note-beamed"></i> <span class="i-name">eicon-note-beamed</span><span class="i-code">0x266b</span></li>
                                    <li title="Code: 0x268f"><i class="eicon-layout"></i> <span class="i-name">eicon-layout</span><span class="i-code">0x268f</span></li>
                                    <li title="Code: 0x2691"><i class="eicon-flag"></i> <span class="i-name">eicon-flag</span><span class="i-code">0x2691</span></li>
                                    <li title="Code: 0x2692"><i class="eicon-tools"></i> <span class="i-name">eicon-tools</span><span class="i-code">0x2692</span></li>
                                    <li title="Code: 0x2699"><i class="eicon-cog"></i> <span class="i-name">eicon-cog</span><span class="i-code">0x2699</span></li>
                                    <li title="Code: 0x26a0"><i class="eicon-attention"></i> <span class="i-name">eicon-attention</span><span class="i-code">0x26a0</span></li>
                                    <li title="Code: 0x26a1"><i class="eicon-flash"></i> <span class="i-name">eicon-flash</span><span class="i-code">0x26a1</span></li>
                                    <li title="Code: 0x26ab"><i class="eicon-record"></i> <span class="i-name">eicon-record</span><span class="i-code">0x26ab</span></li>
                                    <li title="Code: 0x26c8"><i class="eicon-cloud-thunder"></i> <span class="i-name">eicon-cloud-thunder</span><span class="i-code">0x26c8</span></li>
                                    <li title="Code: 0x2707"><i class="eicon-tape"></i> <span class="i-name">eicon-tape</span><span class="i-code">0x2707</span></li>
                                    <li title="Code: 0x2708"><i class="eicon-flight"></i> <span class="i-name">eicon-flight</span><span class="i-code">0x2708</span></li>
                                    <li title="Code: 0x2709"><i class="eicon-mail"></i> <span class="i-name">eicon-mail</span><span class="i-code">0x2709</span></li>
                                    <li title="Code: 0x270e"><i class="eicon-pencil"></i> <span class="i-name">eicon-pencil</span><span class="i-code">0x270e</span></li>
                                    <li title="Code: 0x2712"><i class="eicon-feather"></i> <span class="i-name">eicon-feather</span><span class="i-code">0x2712</span></li>
                                    <li title="Code: 0x2713"><i class="eicon-check"></i> <span class="i-name">eicon-check</span><span class="i-code">0x2713</span></li>
                                    <li title="Code: 0x2715"><i class="eicon-cancel"></i> <span class="i-name">eicon-cancel</span><span class="i-code">0x2715</span></li>
                                    <li title="Code: 0x2716"><i class="eicon-cancel-circled"></i> <span class="i-name">eicon-cancel-circled</span><span class="i-code">0x2716</span></li>
                                    <li title="Code: 0x274e"><i class="eicon-cancel-squared"></i> <span class="i-name">eicon-cancel-squared</span><span class="i-code">0x274e</span></li>
                                    <li title="Code: 0x2753"><i class="eicon-help"></i> <span class="i-name">eicon-help</span><span class="i-code">0x2753</span></li>
                                    <li title="Code: 0x275e"><i class="eicon-quote"></i> <span class="i-name">eicon-quote</span><span class="i-code">0x275e</span></li>
                                    <li title="Code: 0x2795"><i class="eicon-plus-circled"></i> <span class="i-name">eicon-plus-circled</span><span class="i-code">0x2795</span></li>
                                    <li title="Code: 0x2796"><i class="eicon-minus-circled"></i> <span class="i-name">eicon-minus-circled</span><span class="i-code">0x2796</span></li>
                                    <li title="Code: 0x27a1"><i class="eicon-right"></i> <span class="i-name">eicon-right</span><span class="i-code">0x27a1</span></li>
                                    <li title="Code: 0x27a2"><i class="eicon-direction"></i> <span class="i-name">eicon-direction</span><span class="i-code">0x27a2</span></li>
                                    <li title="Code: 0x27a6"><i class="eicon-forward"></i> <span class="i-name">eicon-forward</span><span class="i-code">0x27a6</span></li>
                                    <li title="Code: 0x27f2"><i class="eicon-ccw"></i> <span class="i-name">eicon-ccw</span><span class="i-code">0x27f2</span></li>
                                    <li title="Code: 0x27f3"><i class="eicon-cw"></i> <span class="i-name">eicon-cw</span><span class="i-code">0x27f3</span></li>
                                    <li title="Code: 0x2b05"><i class="eicon-left"></i> <span class="i-name">eicon-left</span><span class="i-code">0x2b05</span></li>
                                    <li title="Code: 0x2b06"><i class="eicon-up"></i> <span class="i-name">eicon-up</span><span class="i-code">0x2b06</span></li>
                                    <li title="Code: 0x2b07"><i class="eicon-down"></i> <span class="i-name">eicon-down</span><span class="i-code">0x2b07</span></li>
                                    <li title="Code: 0xe003"><i class="eicon-list-add"></i> <span class="i-name">eicon-list-add</span><span class="i-code">0xe003</span></li>
                                    <li title="Code: 0xe005"><i class="eicon-list"></i> <span class="i-name">eicon-list</span><span class="i-code">0xe005</span></li>
                                    <li title="Code: 0xe4ad"><i class="eicon-left-bold"></i> <span class="i-name">eicon-left-bold</span><span class="i-code">0xe4ad</span></li>
                                </ul>
                            </div>
                            <div class="col-md-3">
                                <ul class="the-icons unstyled">
                                    <li title="Code: 0xe4ae"><i class="eicon-right-bold"></i> <span class="i-name">eicon-right-bold</span><span class="i-code">0xe4ae</span></li>
                                    <li title="Code: 0xe4af"><i class="eicon-up-bold"></i> <span class="i-name">eicon-up-bold</span><span class="i-code">0xe4af</span></li>
                                    <li title="Code: 0xe4b0"><i class="eicon-down-bold"></i> <span class="i-name">eicon-down-bold</span><span class="i-code">0xe4b0</span></li>
                                    <li title="Code: 0xe700"><i class="eicon-user-add"></i> <span class="i-name">eicon-user-add</span><span class="i-code">0xe700</span></li>
                                    <li title="Code: 0xe704"><i class="eicon-help-circled"></i> <span class="i-name">eicon-help-circled</span><span class="i-code">0xe704</span></li>
                                    <li title="Code: 0xe705"><i class="eicon-info-circled"></i> <span class="i-name">eicon-info-circled</span><span class="i-code">0xe705</span></li>
                                    <li title="Code: 0xe70a"><i class="eicon-eye"></i> <span class="i-name">eicon-eye</span><span class="i-code">0xe70a</span></li>
                                    <li title="Code: 0xe70c"><i class="eicon-tag"></i> <span class="i-name">eicon-tag</span><span class="i-code">0xe70c</span></li>
                                    <li title="Code: 0xe711"><i class="eicon-upload-cloud"></i> <span class="i-name">eicon-upload-cloud</span><span class="i-code">0xe711</span></li>
                                    <li title="Code: 0xe712"><i class="eicon-reply"></i> <span class="i-name">eicon-reply</span><span class="i-code">0xe712</span></li>
                                    <li title="Code: 0xe713"><i class="eicon-reply-all"></i> <span class="i-name">eicon-reply-all</span><span class="i-code">0xe713</span></li>
                                    <li title="Code: 0xe714"><i class="eicon-code"></i> <span class="i-name">eicon-code</span><span class="i-code">0xe714</span></li>
                                    <li title="Code: 0xe715"><i class="eicon-export"></i> <span class="i-name">eicon-export</span><span class="i-code">0xe715</span></li>
                                    <li title="Code: 0xe716"><i class="eicon-print"></i> <span class="i-name">eicon-print</span><span class="i-code">0xe716</span></li>
                                    <li title="Code: 0xe717"><i class="eicon-retweet"></i> <span class="i-name">eicon-retweet</span><span class="i-code">0xe717</span></li>
                                    <li title="Code: 0xe718"><i class="eicon-comment"></i> <span class="i-name">eicon-comment</span><span class="i-code">0xe718</span></li>
                                    <li title="Code: 0xe720"><i class="eicon-chat"></i> <span class="i-name">eicon-chat</span><span class="i-code">0xe720</span></li>
                                    <li title="Code: 0xe722"><i class="eicon-vcard"></i> <span class="i-name">eicon-vcard</span><span class="i-code">0xe722</span></li>
                                    <li title="Code: 0xe723"><i class="eicon-address"></i> <span class="i-name">eicon-address</span><span class="i-code">0xe723</span></li>
                                    <li title="Code: 0xe724"><i class="eicon-location"></i> <span class="i-name">eicon-location</span><span class="i-code">0xe724</span></li>
                                    <li title="Code: 0xe727"><i class="eicon-map"></i> <span class="i-name">eicon-map</span><span class="i-code">0xe727</span></li>
                                    <li title="Code: 0xe728"><i class="eicon-compass"></i> <span class="i-name">eicon-compass</span><span class="i-code">0xe728</span></li>
                                    <li title="Code: 0xe729"><i class="eicon-trash"></i> <span class="i-name">eicon-trash</span><span class="i-code">0xe729</span></li>
                                    <li title="Code: 0xe730"><i class="eicon-doc"></i> <span class="i-name">eicon-doc</span><span class="i-code">0xe730</span></li>
                                    <li title="Code: 0xe731"><i class="eicon-doc-text-inv"></i> <span class="i-name">eicon-doc-text-inv</span><span class="i-code">0xe731</span></li>
                                    <li title="Code: 0xe736"><i class="eicon-docs"></i> <span class="i-name">eicon-docs</span><span class="i-code">0xe736</span></li>
                                    <li title="Code: 0xe737"><i class="eicon-doc-landscape"></i> <span class="i-name">eicon-doc-landscape</span><span class="i-code">0xe737</span></li>
                                    <li title="Code: 0xe738"><i class="eicon-archive"></i> <span class="i-name">eicon-archive</span><span class="i-code">0xe738</span></li>
                                    <li title="Code: 0xe73a"><i class="eicon-rss"></i> <span class="i-name">eicon-rss</span><span class="i-code">0xe73a</span></li>
                                    <li title="Code: 0xe73c"><i class="eicon-share"></i> <span class="i-name">eicon-share</span><span class="i-code">0xe73c</span></li>
                                    <li title="Code: 0xe73d"><i class="eicon-basket"></i> <span class="i-name">eicon-basket</span><span class="i-code">0xe73d</span></li>
                                    <li title="Code: 0xe73e"><i class="eicon-shareable"></i> <span class="i-name">eicon-shareable</span><span class="i-code">0xe73e</span></li>
                                    <li title="Code: 0xe740"><i class="eicon-login"></i> <span class="i-name">eicon-login</span><span class="i-code">0xe740</span></li>
                                    <li title="Code: 0xe741"><i class="eicon-logout"></i> <span class="i-name">eicon-logout</span><span class="i-code">0xe741</span></li>
                                    <li title="Code: 0xe742"><i class="eicon-volume"></i> <span class="i-name">eicon-volume</span><span class="i-code">0xe742</span></li>
                                    <li title="Code: 0xe744"><i class="eicon-resize-full"></i> <span class="i-name">eicon-resize-full</span><span class="i-code">0xe744</span></li>
                                    <li title="Code: 0xe746"><i class="eicon-resize-small"></i> <span class="i-name">eicon-resize-small</span><span class="i-code">0xe746</span></li>
                                    <li title="Code: 0xe74c"><i class="eicon-popup"></i> <span class="i-name">eicon-popup</span><span class="i-code">0xe74c</span></li>
                                    <li title="Code: 0xe74d"><i class="eicon-publish"></i> <span class="i-name">eicon-publish</span><span class="i-code">0xe74d</span></li>
                                    <li title="Code: 0xe74e"><i class="eicon-window"></i> <span class="i-name">eicon-window</span><span class="i-code">0xe74e</span></li>
                                    <li title="Code: 0xe74f"><i class="eicon-arrow-combo"></i> <span class="i-name">eicon-arrow-combo</span><span class="i-code">0xe74f</span></li>
                                    <li title="Code: 0xe751"><i class="eicon-chart-pie"></i> <span class="i-name">eicon-chart-pie</span><span class="i-code">0xe751</span></li>
                                    <li title="Code: 0xe752"><i class="eicon-language"></i> <span class="i-name">eicon-language</span><span class="i-code">0xe752</span></li>
                                    <li title="Code: 0xe753"><i class="eicon-air"></i> <span class="i-name">eicon-air</span><span class="i-code">0xe753</span></li>
                                    <li title="Code: 0xe754"><i class="eicon-database"></i> <span class="i-name">eicon-database</span><span class="i-code">0xe754</span></li>
                                    <li title="Code: 0xe755"><i class="eicon-drive"></i> <span class="i-name">eicon-drive</span><span class="i-code">0xe755</span></li>
                                    <li title="Code: 0xe756"><i class="eicon-bucket"></i> <span class="i-name">eicon-bucket</span><span class="i-code">0xe756</span></li>
                                    <li title="Code: 0xe757"><i class="eicon-thermometer"></i> <span class="i-name">eicon-thermometer</span><span class="i-code">0xe757</span></li>
                                    <li title="Code: 0xe758"><i class="eicon-down-circled"></i> <span class="i-name">eicon-down-circled</span><span class="i-code">0xe758</span></li>
                                    <li title="Code: 0xe759"><i class="eicon-left-circled"></i> <span class="i-name">eicon-left-circled</span><span class="i-code">0xe759</span></li>
                                    <li title="Code: 0xe75a"><i class="eicon-right-circled"></i> <span class="i-name">eicon-right-circled</span><span class="i-code">0xe75a</span></li>
                                    <li title="Code: 0xe75b"><i class="eicon-up-circled"></i> <span class="i-name">eicon-up-circled</span><span class="i-code">0xe75b</span></li>
                                    <li title="Code: 0xe75c"><i class="eicon-down-open"></i> <span class="i-name">eicon-down-open</span><span class="i-code">0xe75c</span></li>
                                    <li title="Code: 0xe75d"><i class="eicon-left-open"></i> <span class="i-name">eicon-left-open</span><span class="i-code">0xe75d</span></li>
                                    <li title="Code: 0xe75e"><i class="eicon-right-open"></i> <span class="i-name">eicon-right-open</span><span class="i-code">0xe75e</span></li>
                                    <li title="Code: 0xe75f"><i class="eicon-up-open"></i> <span class="i-name">eicon-up-open</span><span class="i-code">0xe75f</span></li>
                                    <li title="Code: 0xe760"><i class="eicon-down-open-mini"></i> <span class="i-name">eicon-down-open-mini</span><span class="i-code">0xe760</span></li>
                                    <li title="Code: 0xe761"><i class="eicon-left-open-mini"></i> <span class="i-name">eicon-left-open-mini</span><span class="i-code">0xe761</span></li>
                                    <li title="Code: 0xe762"><i class="eicon-right-open-mini"></i> <span class="i-name">eicon-right-open-mini</span><span class="i-code">0xe762</span></li>
                                    <li title="Code: 0xe763"><i class="eicon-up-open-mini"></i> <span class="i-name">eicon-up-open-mini</span><span class="i-code">0xe763</span></li>
                                    <li title="Code: 0xe764"><i class="eicon-down-open-big"></i> <span class="i-name">eicon-down-open-big</span><span class="i-code">0xe764</span></li>
                                    <li title="Code: 0xe765"><i class="eicon-left-open-big"></i> <span class="i-name">eicon-left-open-big</span><span class="i-code">0xe765</span></li>
                                    <li title="Code: 0xe766"><i class="eicon-right-open-big"></i> <span class="i-name">eicon-right-open-big</span><span class="i-code">0xe766</span></li>
                                    <li title="Code: 0xe767"><i class="eicon-up-open-big"></i> <span class="i-name">eicon-up-open-big</span><span class="i-code">0xe767</span></li>
                                    <li title="Code: 0xe768"><i class="eicon-progress-0"></i> <span class="i-name">eicon-progress-0</span><span class="i-code">0xe768</span></li>
                                    <li title="Code: 0xe769"><i class="eicon-progress-1"></i> <span class="i-name">eicon-progress-1</span><span class="i-code">0xe769</span></li>
                                    <li title="Code: 0xe76a"><i class="eicon-progress-2"></i> <span class="i-name">eicon-progress-2</span><span class="i-code">0xe76a</span></li>
                                    <li title="Code: 0xe76b"><i class="eicon-progress-3"></i> <span class="i-name">eicon-progress-3</span><span class="i-code">0xe76b</span></li>
                                    <li title="Code: 0xe771"><i class="eicon-back-in-time"></i> <span class="i-name">eicon-back-in-time</span><span class="i-code">0xe771</span></li>
                                    <li title="Code: 0xe776"><i class="eicon-network"></i> <span class="i-name">eicon-network</span><span class="i-code">0xe776</span></li>
                                    <li title="Code: 0xe777"><i class="eicon-inbox"></i> <span class="i-name">eicon-inbox</span><span class="i-code">0xe777</span></li>
                                </ul>
                            </div>
                            <div class="col-md-3">
                                <ul class="the-icons unstyled">
                                    <li title="Code: 0xe778"><i class="eicon-install"></i> <span class="i-name">eicon-install</span><span class="i-code">0xe778</span></li>
                                    <li title="Code: 0xe788"><i class="eicon-lifebuoy"></i> <span class="i-name">eicon-lifebuoy</span><span class="i-code">0xe788</span></li>
                                    <li title="Code: 0xe789"><i class="eicon-mouse"></i> <span class="i-name">eicon-mouse</span><span class="i-code">0xe789</span></li>
                                    <li title="Code: 0xe78b"><i class="eicon-dot"></i> <span class="i-name">eicon-dot</span><span class="i-code">0xe78b</span></li>
                                    <li title="Code: 0xe78c"><i class="eicon-dot-2"></i> <span class="i-name">eicon-dot-2</span><span class="i-code">0xe78c</span></li>
                                    <li title="Code: 0xe78d"><i class="eicon-dot-3"></i> <span class="i-name">eicon-dot-3</span><span class="i-code">0xe78d</span></li>
                                    <li title="Code: 0xe78e"><i class="eicon-suitcase"></i> <span class="i-name">eicon-suitcase</span><span class="i-code">0xe78e</span></li>
                                    <li title="Code: 0xe790"><i class="eicon-flow-cascade"></i> <span class="i-name">eicon-flow-cascade</span><span class="i-code">0xe790</span></li>
                                    <li title="Code: 0xe791"><i class="eicon-flow-branch"></i> <span class="i-name">eicon-flow-branch</span><span class="i-code">0xe791</span></li>
                                    <li title="Code: 0xe792"><i class="eicon-flow-tree"></i> <span class="i-name">eicon-flow-tree</span><span class="i-code">0xe792</span></li>
                                    <li title="Code: 0xe793"><i class="eicon-flow-line"></i> <span class="i-name">eicon-flow-line</span><span class="i-code">0xe793</span></li>
                                    <li title="Code: 0xe794"><i class="eicon-flow-parallel"></i> <span class="i-name">eicon-flow-parallel</span><span class="i-code">0xe794</span></li>
                                    <li title="Code: 0xe79a"><i class="eicon-brush"></i> <span class="i-name">eicon-brush</span><span class="i-code">0xe79a</span></li>
                                    <li title="Code: 0xe79b"><i class="eicon-paper-plane"></i> <span class="i-name">eicon-paper-plane</span><span class="i-code">0xe79b</span></li>
                                    <li title="Code: 0xe7a1"><i class="eicon-magnet"></i> <span class="i-name">eicon-magnet</span><span class="i-code">0xe7a1</span></li>
                                    <li title="Code: 0xe7a2"><i class="eicon-gauge"></i> <span class="i-name">eicon-gauge</span><span class="i-code">0xe7a2</span></li>
                                    <li title="Code: 0xe7a3"><i class="eicon-traffic-cone"></i> <span class="i-name">eicon-traffic-cone</span><span class="i-code">0xe7a3</span></li>
                                    <li title="Code: 0xe7a5"><i class="eicon-cc"></i> <span class="i-name">eicon-cc</span><span class="i-code">0xe7a5</span></li>
                                    <li title="Code: 0xe7a6"><i class="eicon-cc-by"></i> <span class="i-name">eicon-cc-by</span><span class="i-code">0xe7a6</span></li>
                                    <li title="Code: 0xe7a7"><i class="eicon-cc-nc"></i> <span class="i-name">eicon-cc-nc</span><span class="i-code">0xe7a7</span></li>
                                    <li title="Code: 0xe7a8"><i class="eicon-cc-nc-eu"></i> <span class="i-name">eicon-cc-nc-eu</span><span class="i-code">0xe7a8</span></li>
                                    <li title="Code: 0xe7a9"><i class="eicon-cc-nc-jp"></i> <span class="i-name">eicon-cc-nc-jp</span><span class="i-code">0xe7a9</span></li>
                                    <li title="Code: 0xe7aa"><i class="eicon-cc-sa"></i> <span class="i-name">eicon-cc-sa</span><span class="i-code">0xe7aa</span></li>
                                    <li title="Code: 0xe7ab"><i class="eicon-cc-nd"></i> <span class="i-name">eicon-cc-nd</span><span class="i-code">0xe7ab</span></li>
                                    <li title="Code: 0xe7ac"><i class="eicon-cc-pd"></i> <span class="i-name">eicon-cc-pd</span><span class="i-code">0xe7ac</span></li>
                                    <li title="Code: 0xe7ad"><i class="eicon-cc-zero"></i> <span class="i-name">eicon-cc-zero</span><span class="i-code">0xe7ad</span></li>
                                    <li title="Code: 0xe7ae"><i class="eicon-cc-share"></i> <span class="i-name">eicon-cc-share</span><span class="i-code">0xe7ae</span></li>
                                    <li title="Code: 0xe7af"><i class="eicon-cc-remix"></i> <span class="i-name">eicon-cc-remix</span><span class="i-code">0xe7af</span></li>
                                    <li title="Code: 0xf300"><i class="eicon-github"></i> <span class="i-name">eicon-github</span><span class="i-code">0xf300</span></li>
                                    <li title="Code: 0xf301"><i class="eicon-github-circled"></i> <span class="i-name">eicon-github-circled</span><span class="i-code">0xf301</span></li>
                                    <li title="Code: 0xf303"><i class="eicon-flickr"></i> <span class="i-name">eicon-flickr</span><span class="i-code">0xf303</span></li>
                                    <li title="Code: 0xf304"><i class="eicon-flickr-circled"></i> <span class="i-name">eicon-flickr-circled</span><span class="i-code">0xf304</span></li>
                                    <li title="Code: 0xf306"><i class="eicon-vimeo"></i> <span class="i-name">eicon-vimeo</span><span class="i-code">0xf306</span></li>
                                    <li title="Code: 0xf307"><i class="eicon-vimeo-circled"></i> <span class="i-name">eicon-vimeo-circled</span><span class="i-code">0xf307</span></li>
                                    <li title="Code: 0xf309"><i class="eicon-twitter"></i> <span class="i-name">eicon-twitter</span><span class="i-code">0xf309</span></li>
                                    <li title="Code: 0xf30a"><i class="eicon-twitter-circled"></i> <span class="i-name">eicon-twitter-circled</span><span class="i-code">0xf30a</span></li>
                                    <li title="Code: 0xf30c"><i class="eicon-facebook"></i> <span class="i-name">eicon-facebook</span><span class="i-code">0xf30c</span></li>
                                    <li title="Code: 0xf30d"><i class="eicon-facebook-circled"></i> <span class="i-name">eicon-facebook-circled</span><span class="i-code">0xf30d</span></li>
                                    <li title="Code: 0xf30e"><i class="eicon-facebook-squared"></i> <span class="i-name">eicon-facebook-squared</span><span class="i-code">0xf30e</span></li>
                                    <li title="Code: 0xf30f"><i class="eicon-gplus"></i> <span class="i-name">eicon-gplus</span><span class="i-code">0xf30f</span></li>
                                    <li title="Code: 0xf310"><i class="eicon-gplus-circled"></i> <span class="i-name">eicon-gplus-circled</span><span class="i-code">0xf310</span></li>
                                    <li title="Code: 0xf312"><i class="eicon-pinterest"></i> <span class="i-name">eicon-pinterest</span><span class="i-code">0xf312</span></li>
                                    <li title="Code: 0xf313"><i class="eicon-pinterest-circled"></i> <span class="i-name">eicon-pinterest-circled</span><span class="i-code">0xf313</span></li>
                                    <li title="Code: 0xf315"><i class="eicon-tumblr"></i> <span class="i-name">eicon-tumblr</span><span class="i-code">0xf315</span></li>
                                    <li title="Code: 0xf316"><i class="eicon-tumblr-circled"></i> <span class="i-name">eicon-tumblr-circled</span><span class="i-code">0xf316</span></li>
                                    <li title="Code: 0xf318"><i class="eicon-linkedin"></i> <span class="i-name">eicon-linkedin</span><span class="i-code">0xf318</span></li>
                                    <li title="Code: 0xf319"><i class="eicon-linkedin-circled"></i> <span class="i-name">eicon-linkedin-circled</span><span class="i-code">0xf319</span></li>
                                    <li title="Code: 0xf31b"><i class="eicon-dribbble"></i> <span class="i-name">eicon-dribbble</span><span class="i-code">0xf31b</span></li>
                                    <li title="Code: 0xf31c"><i class="eicon-dribbble-circled"></i> <span class="i-name">eicon-dribbble-circled</span><span class="i-code">0xf31c</span></li>
                                    <li title="Code: 0xf31e"><i class="eicon-stumbleupon"></i> <span class="i-name">eicon-stumbleupon</span><span class="i-code">0xf31e</span></li>
                                    <li title="Code: 0xf31f"><i class="eicon-stumbleupon-circled"></i> <span class="i-name">eicon-stumbleupon-circled</span><span class="i-code">0xf31f</span></li>
                                    <li title="Code: 0xf321"><i class="eicon-lastfm"></i> <span class="i-name">eicon-lastfm</span><span class="i-code">0xf321</span></li>
                                    <li title="Code: 0xf322"><i class="eicon-lastfm-circled"></i> <span class="i-name">eicon-lastfm-circled</span><span class="i-code">0xf322</span></li>
                                    <li title="Code: 0xf324"><i class="eicon-rdio"></i> <span class="i-name">eicon-rdio</span><span class="i-code">0xf324</span></li>
                                    <li title="Code: 0xf325"><i class="eicon-rdio-circled"></i> <span class="i-name">eicon-rdio-circled</span><span class="i-code">0xf325</span></li>
                                    <li title="Code: 0xf327"><i class="eicon-spotify"></i> <span class="i-name">eicon-spotify</span><span class="i-code">0xf327</span></li>
                                    <li title="Code: 0xf328"><i class="eicon-spotify-circled"></i> <span class="i-name">eicon-spotify-circled</span><span class="i-code">0xf328</span></li>
                                    <li title="Code: 0xf32a"><i class="eicon-qq"></i> <span class="i-name">eicon-qq</span><span class="i-code">0xf32a</span></li>
                                    <li title="Code: 0xf32d"><i class="eicon-instagram"></i> <span class="i-name">eicon-instagram</span><span class="i-code">0xf32d</span></li>
                                    <li title="Code: 0xf330"><i class="eicon-dropbox"></i> <span class="i-name">eicon-dropbox</span><span class="i-code">0xf330</span></li>
                                    <li title="Code: 0xf333"><i class="eicon-evernote"></i> <span class="i-name">eicon-evernote</span><span class="i-code">0xf333</span></li>
                                    <li title="Code: 0xf336"><i class="eicon-flattr"></i> <span class="i-name">eicon-flattr</span><span class="i-code">0xf336</span></li>
                                    <li title="Code: 0xf339"><i class="eicon-skype"></i> <span class="i-name">eicon-skype</span><span class="i-code">0xf339</span></li>
                                    <li title="Code: 0xf33a"><i class="eicon-skype-circled"></i> <span class="i-name">eicon-skype-circled</span><span class="i-code">0xf33a</span></li>
                                    <li title="Code: 0xf33c"><i class="eicon-renren"></i> <span class="i-name">eicon-renren</span><span class="i-code">0xf33c</span></li>
                                    <li title="Code: 0xf33f"><i class="eicon-sina-weibo"></i> <span class="i-name">eicon-sina-weibo</span><span class="i-code">0xf33f</span></li>
                                    <li title="Code: 0xf342"><i class="eicon-paypal"></i> <span class="i-name">eicon-paypal</span><span class="i-code">0xf342</span></li>
                                    <li title="Code: 0xf345"><i class="eicon-picasa"></i> <span class="i-name">eicon-picasa</span><span class="i-code">0xf345</span></li>
                                    <li title="Code: 0xf348"><i class="eicon-soundcloud"></i> <span class="i-name">eicon-soundcloud</span><span class="i-code">0xf348</span></li>
                                    <li title="Code: 0xf34b"><i class="eicon-mixi"></i> <span class="i-name">eicon-mixi</span><span class="i-code">0xf34b</span></li>
                                    <li title="Code: 0xf34e"><i class="eicon-behance"></i> <span class="i-name">eicon-behance</span><span class="i-code">0xf34e</span></li>
                                </ul>
                            </div>
                            <div class="col-md-3">
                                <ul class="the-icons unstyled">
                                    <li title="Code: 0xf351"><i class="eicon-google-circles"></i> <span class="i-name">eicon-google-circles</span><span class="i-code">0xf351</span></li>
                                    <li title="Code: 0xf354"><i class="eicon-vkontakte"></i> <span class="i-name">eicon-vkontakte</span><span class="i-code">0xf354</span></li>
                                    <li title="Code: 0xf357"><i class="eicon-smashing"></i> <span class="i-name">eicon-smashing</span><span class="i-code">0xf357</span></li>
                                    <li title="Code: 0xf600"><i class="eicon-db-shape"></i> <span class="i-name">eicon-db-shape</span><span class="i-code">0xf600</span></li>
                                    <li title="Code: 0xf601"><i class="eicon-sweden"></i> <span class="i-name">eicon-sweden</span><span class="i-code">0xf601</span></li>
                                    <li title="Code: 0xf603"><i class="eicon-logo-db"></i> <span class="i-name">eicon-logo-db</span><span class="i-code">0xf603</span></li>
                                    <li title="Code: 0x1f304"><i class="eicon-picture"></i> <span class="i-name">eicon-picture</span><span class="i-code">0x1f304</span></li>
                                    <li title="Code: 0x1f30e"><i class="eicon-globe"></i> <span class="i-name">eicon-globe</span><span class="i-code">0x1f30e</span></li>
                                    <li title="Code: 0x1f342"><i class="eicon-leaf"></i> <span class="i-name">eicon-leaf</span><span class="i-code">0x1f342</span></li>
                                    <li title="Code: 0x1f393"><i class="eicon-graduation-cap"></i> <span class="i-name">eicon-graduation-cap</span><span class="i-code">0x1f393</span></li>
                                    <li title="Code: 0x1f3a4"><i class="eicon-mic"></i> <span class="i-name">eicon-mic</span><span class="i-code">0x1f3a4</span></li>
                                    <li title="Code: 0x1f3a8"><i class="eicon-palette"></i> <span class="i-name">eicon-palette</span><span class="i-code">0x1f3a8</span></li>
                                    <li title="Code: 0x1f3ab"><i class="eicon-ticket"></i> <span class="i-name">eicon-ticket</span><span class="i-code">0x1f3ab</span></li>
                                    <li title="Code: 0x1f3ac"><i class="eicon-video"></i> <span class="i-name">eicon-video</span><span class="i-code">0x1f3ac</span></li>
                                    <li title="Code: 0x1f3af"><i class="eicon-target"></i> <span class="i-name">eicon-target</span><span class="i-code">0x1f3af</span></li>
                                    <li title="Code: 0x1f3b5"><i class="eicon-music"></i> <span class="i-name">eicon-music</span><span class="i-code">0x1f3b5</span></li>
                                    <li title="Code: 0x1f3c6"><i class="eicon-trophy"></i> <span class="i-name">eicon-trophy</span><span class="i-code">0x1f3c6</span></li>
                                    <li title="Code: 0x1f44d"><i class="eicon-thumbs-up"></i> <span class="i-name">eicon-thumbs-up</span><span class="i-code">0x1f44d</span></li>
                                    <li title="Code: 0x1f44e"><i class="eicon-thumbs-down"></i> <span class="i-name">eicon-thumbs-down</span><span class="i-code">0x1f44e</span></li>
                                    <li title="Code: 0x1f45c"><i class="eicon-bag"></i> <span class="i-name">eicon-bag</span><span class="i-code">0x1f45c</span></li>
                                    <li title="Code: 0x1f464"><i class="eicon-user"></i> <span class="i-name">eicon-user</span><span class="i-code">0x1f464</span></li>
                                    <li title="Code: 0x1f465"><i class="eicon-users"></i> <span class="i-name">eicon-users</span><span class="i-code">0x1f465</span></li>
                                    <li title="Code: 0x1f4a1"><i class="eicon-lamp"></i> <span class="i-name">eicon-lamp</span><span class="i-code">0x1f4a1</span></li>
                                    <li title="Code: 0x1f4a5"><i class="eicon-alert"></i> <span class="i-name">eicon-alert</span><span class="i-code">0x1f4a5</span></li>
                                    <li title="Code: 0x1f4a6"><i class="eicon-water"></i> <span class="i-name">eicon-water</span><span class="i-code">0x1f4a6</span></li>
                                    <li title="Code: 0x1f4a7"><i class="eicon-droplet"></i> <span class="i-name">eicon-droplet</span><span class="i-code">0x1f4a7</span></li>
                                    <li title="Code: 0x1f4b3"><i class="eicon-credit-card"></i> <span class="i-name">eicon-credit-card</span><span class="i-code">0x1f4b3</span></li>
                                    <li title="Code: 0x1f4bb"><i class="eicon-monitor"></i> <span class="i-name">eicon-monitor</span><span class="i-code">0x1f4bb</span></li>
                                    <li title="Code: 0x1f4bc"><i class="eicon-briefcase"></i> <span class="i-name">eicon-briefcase</span><span class="i-code">0x1f4bc</span></li>
                                    <li title="Code: 0x1f4be"><i class="eicon-floppy"></i> <span class="i-name">eicon-floppy</span><span class="i-code">0x1f4be</span></li>
                                    <li title="Code: 0x1f4bf"><i class="eicon-cd"></i> <span class="i-name">eicon-cd</span><span class="i-code">0x1f4bf</span></li>
                                    <li title="Code: 0x1f4c1"><i class="eicon-folder"></i> <span class="i-name">eicon-folder</span><span class="i-code">0x1f4c1</span></li>
                                    <li title="Code: 0x1f4c4"><i class="eicon-doc-text"></i> <span class="i-name">eicon-doc-text</span><span class="i-code">0x1f4c4</span></li>
                                    <li title="Code: 0x1f4c5"><i class="eicon-calendar"></i> <span class="i-name">eicon-calendar</span><span class="i-code">0x1f4c5</span></li>
                                    <li title="Code: 0x1f4c8"><i class="eicon-chart-line"></i> <span class="i-name">eicon-chart-line</span><span class="i-code">0x1f4c8</span></li>
                                    <li title="Code: 0x1f4ca"><i class="eicon-chart-bar"></i> <span class="i-name">eicon-chart-bar</span><span class="i-code">0x1f4ca</span></li>
                                    <li title="Code: 0x1f4cb"><i class="eicon-clipboard"></i> <span class="i-name">eicon-clipboard</span><span class="i-code">0x1f4cb</span></li>
                                    <li title="Code: 0x1f4ce"><i class="eicon-attach"></i> <span class="i-name">eicon-attach</span><span class="i-code">0x1f4ce</span></li>
                                    <li title="Code: 0x1f4d1"><i class="eicon-bookmarks"></i> <span class="i-name">eicon-bookmarks</span><span class="i-code">0x1f4d1</span></li>
                                    <li title="Code: 0x1f4d5"><i class="eicon-book"></i> <span class="i-name">eicon-book</span><span class="i-code">0x1f4d5</span></li>
                                    <li title="Code: 0x1f4d6"><i class="eicon-book-open"></i> <span class="i-name">eicon-book-open</span><span class="i-code">0x1f4d6</span></li>
                                    <li title="Code: 0x1f4de"><i class="eicon-phone"></i> <span class="i-name">eicon-phone</span><span class="i-code">0x1f4de</span></li>
                                    <li title="Code: 0x1f4e3"><i class="eicon-megaphone"></i> <span class="i-name">eicon-megaphone</span><span class="i-code">0x1f4e3</span></li>
                                    <li title="Code: 0x1f4e4"><i class="eicon-upload"></i> <span class="i-name">eicon-upload</span><span class="i-code">0x1f4e4</span></li>
                                    <li title="Code: 0x1f4e5"><i class="eicon-download"></i> <span class="i-name">eicon-download</span><span class="i-code">0x1f4e5</span></li>
                                    <li title="Code: 0x1f4e6"><i class="eicon-box"></i> <span class="i-name">eicon-box</span><span class="i-code">0x1f4e6</span></li>
                                    <li title="Code: 0x1f4f0"><i class="eicon-newspaper"></i> <span class="i-name">eicon-newspaper</span><span class="i-code">0x1f4f0</span></li>
                                    <li title="Code: 0x1f4f1"><i class="eicon-mobile"></i> <span class="i-name">eicon-mobile</span><span class="i-code">0x1f4f1</span></li>
                                    <li title="Code: 0x1f4f6"><i class="eicon-signal"></i> <span class="i-name">eicon-signal</span><span class="i-code">0x1f4f6</span></li>
                                    <li title="Code: 0x1f4f7"><i class="eicon-camera"></i> <span class="i-name">eicon-camera</span><span class="i-code">0x1f4f7</span></li>
                                    <li title="Code: 0x1f500"><i class="eicon-shuffle"></i> <span class="i-name">eicon-shuffle</span><span class="i-code">0x1f500</span></li>
                                    <li title="Code: 0x1f501"><i class="eicon-loop"></i> <span class="i-name">eicon-loop</span><span class="i-code">0x1f501</span></li>
                                    <li title="Code: 0x1f504"><i class="eicon-arrows-ccw"></i> <span class="i-name">eicon-arrows-ccw</span><span class="i-code">0x1f504</span></li>
                                    <li title="Code: 0x1f505"><i class="eicon-light-down"></i> <span class="i-name">eicon-light-down</span><span class="i-code">0x1f505</span></li>
                                    <li title="Code: 0x1f506"><i class="eicon-light-up"></i> <span class="i-name">eicon-light-up</span><span class="i-code">0x1f506</span></li>
                                    <li title="Code: 0x1f507"><i class="eicon-mute"></i> <span class="i-name">eicon-mute</span><span class="i-code">0x1f507</span></li>
                                    <li title="Code: 0x1f50a"><i class="eicon-sound"></i> <span class="i-name">eicon-sound</span><span class="i-code">0x1f50a</span></li>
                                    <li title="Code: 0x1f50b"><i class="eicon-battery"></i> <span class="i-name">eicon-battery</span><span class="i-code">0x1f50b</span></li>
                                    <li title="Code: 0x1f50d"><i class="eicon-search"></i> <span class="i-name">eicon-search</span><span class="i-code">0x1f50d</span></li>
                                    <li title="Code: 0x1f511"><i class="eicon-key"></i> <span class="i-name">eicon-key</span><span class="i-code">0x1f511</span></li>
                                    <li title="Code: 0x1f512"><i class="eicon-lock"></i> <span class="i-name">eicon-lock</span><span class="i-code">0x1f512</span></li>
                                    <li title="Code: 0x1f513"><i class="eicon-lock-open"></i> <span class="i-name">eicon-lock-open</span><span class="i-code">0x1f513</span></li>
                                    <li title="Code: 0x1f514"><i class="eicon-bell"></i> <span class="i-name">eicon-bell</span><span class="i-code">0x1f514</span></li>
                                    <li title="Code: 0x1f516"><i class="eicon-bookmark"></i> <span class="i-name">eicon-bookmark</span><span class="i-code">0x1f516</span></li>
                                    <li title="Code: 0x1f517"><i class="eicon-link"></i> <span class="i-name">eicon-link</span><span class="i-code">0x1f517</span></li>
                                    <li title="Code: 0x1f519"><i class="eicon-back"></i> <span class="i-name">eicon-back</span><span class="i-code">0x1f519</span></li>
                                    <li title="Code: 0x1f526"><i class="eicon-flashlight"></i> <span class="i-name">eicon-flashlight</span><span class="i-code">0x1f526</span></li>
                                    <li title="Code: 0x1f53e"><i class="eicon-chart-area"></i> <span class="i-name">eicon-chart-area</span><span class="i-code">0x1f53e</span></li>
                                    <li title="Code: 0x1f554"><i class="eicon-clock"></i> <span class="i-name">eicon-clock</span><span class="i-code">0x1f554</span></li>
                                    <li title="Code: 0x1f680"><i class="eicon-rocket"></i> <span class="i-name">eicon-rocket</span><span class="i-code">0x1f680</span></li>
                                    <li title="Code: 0x1f6ab"><i class="eicon-block"></i> <span class="i-name">eicon-block</span><span class="i-code">0x1f6ab</span></li>
                                </ul>
                            </div>
                        </div>
                    </section>
                    </div>
                </section>
            </div>
        </div>
        <div class="row">
            <div class="col-md-10 col-md-offset-1">
                <section class="widget">
                    <header>
                        <h4>
                            <i class="fa fa-star"></i>
                            Glyphicons
                        </h4>
                    </header>
                    <div class="body icons">
                        <p>180 glyphs in font format from the Glyphicon Halflings set. Add <code>.glyphicon-*</code> class to <code>&lt;i&gt;</code> to display icon.
                        Provided by <a href="http://glyphicons.com">Glyphicons</a>.</p>
                        <section>
                            <div class="row">
                                <div class="col-md-3">
                                    <ul class="the-icons">
                                        <li><i class="glyphicon glyphicon-glass"></i> glyphicon-glass</li>
                                        <li><i class="glyphicon glyphicon-music"></i> glyphicon-music</li>
                                        <li><i class="glyphicon glyphicon-search"></i> glyphicon-search</li>
                                        <li><i class="glyphicon glyphicon-envelope"></i> glyphicon-envelope</li>
                                        <li><i class="glyphicon glyphicon-heart"></i> glyphicon-heart</li>
                                        <li><i class="glyphicon glyphicon-star"></i> glyphicon-star</li>
                                        <li><i class="glyphicon glyphicon-star-empty"></i> glyphicon-star-empty</li>
                                        <li><i class="glyphicon glyphicon-user"></i> glyphicon-user</li>
                                        <li><i class="glyphicon glyphicon-film"></i> glyphicon-film</li>
                                        <li><i class="glyphicon glyphicon-th-large"></i> glyphicon-th-large</li>
                                        <li><i class="glyphicon glyphicon-th"></i> glyphicon-th</li>
                                        <li><i class="glyphicon glyphicon-th-list"></i> glyphicon-th-list</li>
                                        <li><i class="glyphicon glyphicon-ok"></i> glyphicon-ok</li>
                                        <li><i class="glyphicon glyphicon-remove"></i> glyphicon-remove</li>
                                        <li><i class="glyphicon glyphicon-zoom-in"></i> glyphicon-zoom-in</li>
                                        <li><i class="glyphicon glyphicon-zoom-out"></i> glyphicon-zoom-out</li>
                                        <li><i class="glyphicon glyphicon-off"></i> glyphicon-off</li>
                                        <li><i class="glyphicon glyphicon-signal"></i> glyphicon-signal</li>
                                        <li><i class="glyphicon glyphicon-cog"></i> glyphicon-cog</li>
                                        <li><i class="glyphicon glyphicon-trash"></i> glyphicon-trash</li>
                                        <li><i class="glyphicon glyphicon-home"></i> glyphicon-home</li>
                                        <li><i class="glyphicon glyphicon-file"></i> glyphicon-file</li>
                                        <li><i class="glyphicon glyphicon-time"></i> glyphicon-time</li>
                                        <li><i class="glyphicon glyphicon-road"></i> glyphicon-road</li>
                                        <li><i class="glyphicon glyphicon-download-alt"></i> glyphicon-download-alt</li>
                                        <li><i class="glyphicon glyphicon-download"></i> glyphicon-download</li>
                                        <li><i class="glyphicon glyphicon-upload"></i> glyphicon-upload</li>
                                        <li><i class="glyphicon glyphicon-inbox"></i> glyphicon-inbox</li>
                                    </ul>
                                </div>
                                <div class="col-md-3">
                                    <ul class="the-icons">
                                        <li><i class="glyphicon glyphicon-play-circle"></i> glyphicon-play-circle</li>
                                        <li><i class="glyphicon glyphicon-repeat"></i> glyphicon-repeat</li>
                                        <li><i class="glyphicon glyphicon-refresh"></i> glyphicon-refresh</li>
                                        <li><i class="glyphicon glyphicon-list-alt"></i> glyphicon-list-alt</li>
                                        <li><i class="glyphicon glyphicon-lock"></i> glyphicon-lock</li>
                                        <li><i class="glyphicon glyphicon-flag"></i> glyphicon-flag</li>
                                        <li><i class="glyphicon glyphicon-headphones"></i> glyphicon-headphones</li>
                                        <li><i class="glyphicon glyphicon-volume-off"></i> glyphicon-volume-off</li>
                                        <li><i class="glyphicon glyphicon-volume-down"></i> glyphicon-volume-down</li>
                                        <li><i class="glyphicon glyphicon-volume-up"></i> glyphicon-volume-up</li>
                                        <li><i class="glyphicon glyphicon-qrcode"></i> glyphicon-qrcode</li>
                                        <li><i class="glyphicon glyphicon-barcode"></i> glyphicon-barcode</li>
                                        <li><i class="glyphicon glyphicon-tag"></i> glyphicon-tag</li>
                                        <li><i class="glyphicon glyphicon-tags"></i> glyphicon-tags</li>
                                        <li><i class="glyphicon glyphicon-book"></i> glyphicon-book</li>
                                        <li><i class="glyphicon glyphicon-bookmark"></i> glyphicon-bookmark</li>
                                        <li><i class="glyphicon glyphicon-print"></i> glyphicon-print</li>
                                        <li><i class="glyphicon glyphicon-camera"></i> glyphicon-camera</li>
                                        <li><i class="glyphicon glyphicon-font"></i> glyphicon-font</li>
                                        <li><i class="glyphicon glyphicon-bold"></i> glyphicon-bold</li>
                                        <li><i class="glyphicon glyphicon-italic"></i> glyphicon-italic</li>
                                        <li><i class="glyphicon glyphicon-text-height"></i> glyphicon-text-height</li>
                                        <li><i class="glyphicon glyphicon-text-width"></i> glyphicon-text-width</li>
                                        <li><i class="glyphicon glyphicon-align-left"></i> glyphicon-align-left</li>
                                        <li><i class="glyphicon glyphicon-align-center"></i> glyphicon-align-center</li>
                                        <li><i class="glyphicon glyphicon-align-right"></i> glyphicon-align-right</li>
                                        <li><i class="glyphicon glyphicon-align-justify"></i> glyphicon-align-justify</li>
                                        <li><i class="glyphicon glyphicon-list"></i> glyphicon-list</li>
                                    </ul>
                                </div>
                                <div class="col-md-3">
                                    <ul class="the-icons">
                                        <li><i class="glyphicon glyphicon-indent-left"></i> glyphicon-indent-left</li>
                                        <li><i class="glyphicon glyphicon-indent-right"></i> glyphicon-indent-right</li>
                                        <li><i class="glyphicon glyphicon-facetime-video"></i> glyphicon-facetime-video</li>
                                        <li><i class="glyphicon glyphicon-picture"></i> glyphicon-picture</li>
                                        <li><i class="glyphicon glyphicon-pencil"></i> glyphicon-pencil</li>
                                        <li><i class="glyphicon glyphicon-map-marker"></i> glyphicon-map-marker</li>
                                        <li><i class="glyphicon glyphicon-adjust"></i> glyphicon-adjust</li>
                                        <li><i class="glyphicon glyphicon-tint"></i> glyphicon-tint</li>
                                        <li><i class="glyphicon glyphicon-edit"></i> glyphicon-edit</li>
                                        <li><i class="glyphicon glyphicon-share"></i> glyphicon-share</li>
                                        <li><i class="glyphicon glyphicon-check"></i> glyphicon-check</li>
                                        <li><i class="glyphicon glyphicon-move"></i> glyphicon-move</li>
                                        <li><i class="glyphicon glyphicon-step-backward"></i> glyphicon-step-backward</li>
                                        <li><i class="glyphicon glyphicon-fast-backward"></i> glyphicon-fast-backward</li>
                                        <li><i class="glyphicon glyphicon-backward"></i> glyphicon-backward</li>
                                        <li><i class="glyphicon glyphicon-play"></i> glyphicon-play</li>
                                        <li><i class="glyphicon glyphicon-pause"></i> glyphicon-pause</li>
                                        <li><i class="glyphicon glyphicon-stop"></i> glyphicon-stop</li>
                                        <li><i class="glyphicon glyphicon-forward"></i> glyphicon-forward</li>
                                        <li><i class="glyphicon glyphicon-fast-forward"></i> glyphicon-fast-forward</li>
                                        <li><i class="glyphicon glyphicon-step-forward"></i> glyphicon-step-forward</li>
                                        <li><i class="glyphicon glyphicon-eject"></i> glyphicon-eject</li>
                                        <li><i class="glyphicon glyphicon-chevron-left"></i> glyphicon-chevron-left</li>
                                        <li><i class="glyphicon glyphicon-chevron-right"></i> glyphicon-chevron-right</li>
                                        <li><i class="glyphicon glyphicon-plus-sign"></i> glyphicon-plus-sign</li>
                                        <li><i class="glyphicon glyphicon-minus-sign"></i> glyphicon-minus-sign</li>
                                        <li><i class="glyphicon glyphicon-remove-sign"></i> glyphicon-remove-sign</li>
                                        <li><i class="glyphicon glyphicon-ok-sign"></i> glyphicon-ok-sign</li>
                                    </ul>
                                </div>
                                <div class="col-md-3">
                                    <ul class="the-icons">
                                        <li><i class="glyphicon glyphicon-question-sign"></i> glyphicon-question-sign</li>
                                        <li><i class="glyphicon glyphicon-info-sign"></i> glyphicon-info-sign</li>
                                        <li><i class="glyphicon glyphicon-screenshot"></i> glyphicon-screenshot</li>
                                        <li><i class="glyphicon glyphicon-remove-circle"></i> glyphicon-remove-circle</li>
                                        <li><i class="glyphicon glyphicon-ok-circle"></i> glyphicon-ok-circle</li>
                                        <li><i class="glyphicon glyphicon-ban-circle"></i> glyphicon-ban-circle</li>
                                        <li><i class="glyphicon glyphicon-arrow-left"></i> glyphicon-arrow-left</li>
                                        <li><i class="glyphicon glyphicon-arrow-right"></i> glyphicon-arrow-right</li>
                                        <li><i class="glyphicon glyphicon-arrow-up"></i> glyphicon-arrow-up</li>
                                        <li><i class="glyphicon glyphicon-arrow-down"></i> glyphicon-arrow-down</li>
                                        <li><i class="glyphicon glyphicon-share-alt"></i> glyphicon-share-alt</li>
                                        <li><i class="glyphicon glyphicon-resize-full"></i> glyphicon-resize-full</li>
                                        <li><i class="glyphicon glyphicon-resize-small"></i> glyphicon-resize-small</li>
                                        <li><i class="glyphicon glyphicon-plus"></i> glyphicon-plus</li>
                                        <li><i class="glyphicon glyphicon-minus"></i> glyphicon-minus</li>
                                        <li><i class="glyphicon glyphicon-asterisk"></i> glyphicon-asterisk</li>
                                        <li><i class="glyphicon glyphicon-exclamation-sign"></i> glyphicon-exclamation-sign</li>
                                        <li><i class="glyphicon glyphicon-gift"></i> glyphicon-gift</li>
                                        <li><i class="glyphicon glyphicon-leaf"></i> glyphicon-leaf</li>
                                        <li><i class="glyphicon glyphicon-fire"></i> glyphicon-fire</li>
                                        <li><i class="glyphicon glyphicon-eye-open"></i> glyphicon-eye-open</li>
                                        <li><i class="glyphicon glyphicon-eye-close"></i> glyphicon-eye-close</li>
                                        <li><i class="glyphicon glyphicon-warning-sign"></i> glyphicon-warning-sign</li>
                                        <li><i class="glyphicon glyphicon-plane"></i> glyphicon-plane</li>
                                        <li><i class="glyphicon glyphicon-calendar"></i> glyphicon-calendar</li>
                                        <li><i class="glyphicon glyphicon-random"></i> glyphicon-random</li>
                                        <li><i class="glyphicon glyphicon-comment"></i> glyphicon-comment</li>
                                        <li><i class="glyphicon glyphicon-magnet"></i> glyphicon-magnet</li>
                                    </ul>
                                </div>
                            </div>
                        </section>
                    </div>
                </section>
            </div>
        </div>
    </div>
</div>

<!-- jquery and friends -->
<script src="lib/jquery/jquery-2.0.3.min.js"> </script>


<!-- jquery plugins -->
<script src="lib/jquery-maskedinput/jquery.maskedinput.js"></script>
<script src="lib/parsley/parsley.js"> </script>
<script src="lib/icheck.js/jquery.icheck.js"></script>
<script src="lib/select2.js"></script>


<!--backbone and friends -->
<script src="lib/backbone/underscore-min.js"></script>

<!-- bootstrap default plugins -->
<script src="lib/bootstrap/transition.js"></script>
<script src="lib/bootstrap/collapse.js"></script>
<script src="lib/bootstrap/alert.js"></script>
<script src="lib/bootstrap/tooltip.js"></script>
<script src="lib/bootstrap/popover.js"></script>
<script src="lib/bootstrap/button.js"></script>
<script src="lib/bootstrap/dropdown.js"></script>
<script src="lib/bootstrap/modal.js"></script>

<!-- bootstrap custom plugins -->
<script src="lib/bootstrap-datepicker.js"></script>
<script src="lib/bootstrap-select/bootstrap-select.js"></script>
<script src="lib/wysihtml5/wysihtml5-0.3.0_rc2.js"></script>
<script src="lib/bootstrap-wysihtml5/bootstrap-wysihtml5.js"></script>

<!-- basic application js-->
<script src="js/app.js"></script>
<script src="js/settings.js"></script>

<script type="text/template" id="settings-template">
    <div class="setting clearfix">
        <div>Background</div>
        <div id="background-toggle" class="pull-left btn-group" data-toggle="buttons-radio">
            <% dark = background == 'dark'; light = background == 'light';%>
            <button type="button" data-value="dark" class="btn btn-sm btn-transparent <%= dark? 'active' : '' %>">Dark</button>
            <button type="button" data-value="light" class="btn btn-sm btn-transparent <%= light? 'active' : '' %>">Light</button>
        </div>
    </div>
    <div class="setting clearfix">
        <div>Sidebar on the</div>
        <div id="sidebar-toggle" class="pull-left btn-group" data-toggle="buttons-radio">
            <% onRight = sidebar == 'right'%>
            <button type="button" data-value="left" class="btn btn-sm btn-transparent <%= onRight? '' : 'active' %>">Left</button>
            <button type="button" data-value="right" class="btn btn-sm btn-transparent <%= onRight? 'active' : '' %>">Right</button>
        </div>
    </div>
    <div class="setting clearfix">
        <div>Sidebar</div>
        <div id="display-sidebar-toggle" class="pull-left btn-group" data-toggle="buttons-radio">
            <% display = displaySidebar%>
            <button type="button" data-value="true" class="btn btn-sm btn-transparent <%= display? 'active' : '' %>">Show</button>
            <button type="button" data-value="false" class="btn btn-sm btn-transparent <%= display? '' : 'active' %>">Hide</button>
        </div>
    </div>
</script>

<script type="text/template" id="sidebar-settings-template">
        <% auto = sidebarState == 'auto'%>
        <% if (auto) {%>
            <button type="button"
                    data-value="icons"
                    class="btn-icons btn btn-transparent btn-sm">Icons</button>
    <button type="button"
            data-value="auto"
            class="btn-auto btn btn-transparent btn-sm">Auto</button>
        <%} else {%>
            <button type="button"
                    data-value="auto"
                    class="btn btn-transparent btn-sm">Auto</button>
        <% } %>
</script>



</body>